<!-- 模态窗的头部 -->
<div class="modal-header">
	<button type="button" class="close" data-dismiss="modal"
			aria-label="Close">
		<span aria-hidden="true">&times;</span>
	</button>
	<h4 class="modal-title">添加任务</h4>
</div>
<!-- 模态窗的内容 -->
<div class="modal-body">
	<form id="addForm">
		<div class="form-group">
			<label for="taskName">任务名</label> <input type="text"
													 class="form-control" id="taskName" name="taskName"
													 placeholder="任务名(保证唯一)">
		</div>
		<#--<div class="form-group">-->
			<#--<label for="taskClassName">任务class</label>-->
			<#--<input type="text"-->
				   <#--class="form-control" id="taskClassName" name="taskClassName"-->
				   <#--placeholder="任务名(保证唯一)" disabled="disabled" value="com.wenzheng.quartz.task.entity.TestTask01">-->
		<#--&lt;#&ndash;<select class="form-control" id="taskClassName" name="taskClassName"> &ndash;&gt;-->
		<#--&lt;#&ndash;<#list clazzList as str>&ndash;&gt;-->
		<#--&lt;#&ndash;<option value="${str}" style="font-weight: bold;">${str}</option>&ndash;&gt;-->
		<#--&lt;#&ndash;</#list>&ndash;&gt;-->
		<#--&lt;#&ndash;</select>&ndash;&gt;-->
		<#--</div>-->
		<div class="form-group">
			<label for="cron">cron表达式</label> <input type="text"
													 class="form-control" id="cron" name="cron">
			<div style="padding-left: 5px">
				<span onclick="openWin()"  style="color: teal;">跳转到cron表达式生成页面</span>
			</div>
		</div>
		<div class="form-group">
			<label for="description">执行请求地址</label>
			<textarea class="form-control" rows="3" id="description" name="description"></textarea>
		</div>
	</form>
</div>
<!-- 模态窗的底部 -->
<div class="modal-footer">
	<button type="button" id="resetBtn" class="btn btn-default">重置</button>
	<button type="button" id="saveBtn" class="btn btn-primary">提交</button>
</div>
 <script>
	 function openWin() {
		 window.open("/showCron", "_blank",'height=400,width=800,top=200,left=400')

	 }
	 /** 表单序列化成json字符串的方法  */
	 function form2JsonString(formId) {
		 var paramArray = $('#' + formId).serializeArray();
		 /*请求参数转json对象*/
		 var jsonObj = {};
		 $(paramArray).each(function () {
			 jsonObj[this.name] = this.value;
		 });
		 console.log(jsonObj);
		 // json对象再转换成json字符串
		 return JSON.stringify(jsonObj);
	 }

	 $(function () {
		 // 提交按钮的点击事件
		 $("#saveBtn").on('click', function () {
			 $.ajax({
				 type: 'POST',
				 url: '/task/addTask',
				 data: form2JsonString('addForm'),
				 contentType: "application/json; charset=utf-8",
				 success: function (data) {
					 if (data.status) {
						 layer.msg("添加成功");
						 // 成功后关闭模态窗口
						 $("#showModal").modal('hide');
						 // 刷新页面
						 setTimeout(function () {
							 window.location.reload();
						 }, 500);
					 } else {
						 if (data.msg != "") {
							 layer.msg("添加失败 ，" + data.msg)
						 } else {
							 layer.msg("添加失败");
						 }
					 }
				 },
				 error: function () {
					 layer.msg("添加失败")
				 },
				 dataType: 'json'
			 })
		 })

		 // 重置表单
		 $("#resetBtn").on('click', function () {
			 // 清空表单，dom对象才有的方法
			 $("#addForm")[0].reset();
		 });

	 })// end window.onload
 </script>